<%-- 
    Document   : Procesos
    Created on : 01-ago-2014, 16:35:42
    Author     : equipo_4
--%>

<%@page import="Modelo.SIS_ACCEDIDOS"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page import="Conexion.Conexion"%>
<%@page import="Modelo.SIS_PERFILES"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="../css/NuevoStilo.css">
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
        <script src="../js/jquery.ui.touch-punch.js" type="text/javascript"></script>
        <title>BROKER</title>
    </head>
    <body>
        <div id="CuerpoFormulario">
            <h1 id="tituloFormulario">PERFILES</h1>
             <h1 id="titulo" class="negrilla xlarge">ASIGNACION DE PERFILES A CARGOS</h1>
                <div class="contenedor30 altoGrande">
                   
                        <%
                         RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));
                        Conexion con = new Conexion(usuario.getUSUARIO(), usuario.getPASSWORD());
                        SIS_ACCEDIDOS accedido = new SIS_ACCEDIDOS("SISTEMA/SIS_PERFILES.jsp", usuario.getID(), "PERFILES");
                        accedido.setCon(con);
                        accedido.Insertar();
                
                        SIS_PERFILES sis_perfiles = new SIS_PERFILES();
                        sis_perfiles.setCon(con);
                        List<SIS_PERFILES> Lista = sis_perfiles.Todos();
                        con.Close();
                        for(int i =0; i<Lista.size(); i++)
                        {
                            String html="<span class=\'subMenu\' data-value=\'"+Lista.get(i).getID()+"\'>"+Lista.get(i).getDESCRIPCION()+"  <span class='btnEliminar' onclick=\"eliminarPerfil("+Lista.get(i).getID()+")\">X</span></span><br/>";
                            out.print(html);
                        }
                       %>
                </div>
                <input type="hidden" name="IdSubMenu" />
                <div class="alinearIzquierda" style="margin-left: 20px; width: 400px;"><span class="negrillaenter">Busqueda Roles sin Asignar</span><input class="Extragrande" id ='busquedaInActivo' type="text" name="busquedaInActivo"></div>
                <div class="alinearIzquierda" style="width: 400px;"><span class="negrillaenter">Busqueda Roles Asignado</span><input class="Extragrande" id ='busquedaActivo' type="text" name="busquedaInActivo"></div>
                <div class="contenedor70 altoGrande">
                </div>
        </div>
        <div id="popUpbackGround"></div>    
        <div id="popUpContent" class="Extragrande">
            <h1 id="titulo" class="negrilla">Crear Nuevo Proceso</h1>
            <form>
                <span class="negrillaenter">Descripcion</span>
                <input type="text" name="descripcionNuevo" value="" autofocus="true"/>
            </form>
            <input type="button" onclick="GuardarNuevo()" value="Guardar" id="GuardarModificar" class="chico"/>
            <input type="button" value="Cancelar" onclick="cancelPopUp()" id="Cancelar" class="chico"/>
        </div>
        <footer >
            <a  href="#" id="CrearNuevo"><img class="circulo" src="../img/iconos/CrearUsuario.png" alt=""/><br/>
               Crear Nuevo Perfil
            </a >
            <a href="#" id="Atras"><img class="circulo" src="../img/iconos/Atras.png" /><br/>
                 Pagina Principal
            </a>
         </footer>
        <script type="text/javascript">
            var urlJsp="../SIS_PERFILES_CONTROLLER";
                $(".subMenu").click(function(){
                   submenu(this);
                });
                 $(".subMenu").hover(function(){
                   $(this).find(".btnEliminar").css("visibility","visible");
                },function(){
                   $(this).find(".btnEliminar").css("visibility","hidden");
                });
                function submenu(elemento){
                    $(".subMenu").removeClass("blanco");
                    $(elemento).addClass("blanco");
                    $("input[name=IdSubMenu]").val($(elemento).data("value"));
                    $.post(urlJsp,{proceso:"seleccionarSubMenu",IdSubMenu:$(elemento).data("value")},function(responsetext){
                        $('.contenedor70').html(responsetext);
                        dragAndDrop();
                        contenedroHeight();
                    });  
                     $(".subMenu").hover(function(){
                        $(this).find(".btnEliminar").css("visibility","visible");
                     },function(){
                        $(this).find(".btnEliminar").css("visibility","hidden");
                     });
                }
                   var search;
                     $("#busquedaInActivo").keydown(function(e) {
                                var char=String.fromCharCode(e.keyCode); 
                                search=$("#busquedaInActivo").val()+char;
                                $.post(urlJsp,{proceso:"buscarText",tipo:"Inactivo",desc:search ,IdSubMenu:$("input[name=IdSubMenu]").val()},function(responsetext){
                                   $(".c1").html(responsetext);
                                   dragAndDrop();
                           });
                    });   
                    $("#busquedaActivo").keydown(function(e) {
                                var char=String.fromCharCode(e.keyCode);
                                search=$("#busquedaActivo").val()+char;
                                $.post(urlJsp,{proceso:"buscarText",tipo:"activo",desc:search ,IdSubMenu:$("input[name=IdSubMenu]").val()},function(responsetext){
                                   $(".c2").html(responsetext);
                                   dragAndDrop();
                              }); 
                    });  
                    
                  $("#CrearNuevo").click(function(){
                       $("#popUpbackGround").css("display","block");
                       $("#popUpContent").css("display","block");
                  });
                   function dragAndDrop(){
                       $('.draggable').draggable({
                              helper: "clone",
                              revert: "invalid",
                             start:function(evento,ui){
                                $(this).css({
                                    opacity:"0"
                                    ,cursor:"-moz-grabbing"
                                });
                            },
                           stop:function(evento,ui){
                                $(this).css({
                                    opacity:"1"
                                    ,cursor:"-moz-grab",
                                });
                                droppable.css( "background","none");
                            }
                        });                
                        $('.contenedor50').droppable({
                            tolerance:"intersect",
                            over:function(){
                                droppable=$(this);
                              $(this).css({
                                 background:"white" 
                              });  
                            },
                            out:function(event,ui){
                              $(this).css({
                                  background:"none"
                              });  
                            },
                            drop:function(event,ui){
                                var elementoMovimiento=$(ui.draggable);
                                var idRol=elementoMovimiento.data("idrol");
                                if(elementoMovimiento.data("estado") != $(this).data("estado"))
                                {
                                     quitarAgregarRoll(idRol);
                                }
                            }
                        });
                    }
                  
                
                  function quitarAgregarRoll(idRol){
                      $.post(urlJsp,{proceso:"quitarAgregarRoll",idRol :idRol,IdSubMenu:$("input[name=IdSubMenu]").val()},function(responsetext)
                      {
                          $('.contenedor70').html(responsetext);
                           dragAndDrop();
                           contenedroHeight();
                       }); 
                  }
                  
                   function GuardarNuevo(){
                        $.post(urlJsp,{proceso:"GuardarNuevo",descripcion:$("input[name=descripcionNuevo]").val()},function(responsetext){
                            $('.contenedor30').html(responsetext);
                             $(".subMenu").click(function(){
                                submenu(this);
                             });
                        });
                        cancelPopUp();
                    }
                    function eliminarPerfil(idPerfil){
                         $.post(urlJsp,{proceso:"Eliminar",Eliminar:idPerfil},function(responsetext){
                            $('.contenedor30').html(responsetext);
                             $(".subMenu").click(function(){
                                submenu(this);
                             });
                        });
                        cancelPopUp();
                    }
                   
                  function cancelPopUp(){
                       limpiarPopUp();
                       $("#popUpbackGround").css("display","none");
                       $("#popUpContent").css("display","none");
                   }
                   function limpiarPopUp(){
                       $('input[name=descripcionNuevo]').val("");
                   }
                    function contenedroHeight(){
                      var c1=$(".c1").height();
                      var c2=$(".c2").height();
                       if(c1>c2){
                          $(".c2").css("height",c1+"px");
                      }else{
                          $(".c1").css("height",c2+"px");
                      }    
                   }
    </script>
</html>

                  
